<template>
	<el-dialog title="修改" :visible.sync="dialogVisible" width="70%">
		<div class="formbox">
			<el-form size="small" label-width="160px">
				<el-form-item label="原材料名称：" required>
					<el-input placeholder="请输入"></el-input>
				</el-form-item>
				<div class="flex_between">
					<el-form-item label="原材料规格型号：" required label-width="160px">
						<el-input placeholder="请输入"></el-input>
					</el-form-item>
					<el-form-item label="原材料编号：" required>
						<el-input placeholder="请输入"></el-input>
					</el-form-item>
					<el-form-item label="数量：" required>
						<el-input placeholder="请输入"></el-input>
					</el-form-item>
				</div>

				<el-form-item label="供应商名称：" required>
					<el-select placeholder="请输入/选择" size="mini" filterable style="width: 400px;">
						<el-option label="区域一" value="shanghai"></el-option>
						<el-option label="区域二" value="beijing"></el-option>
					</el-select>
				</el-form-item>
			</el-form>
		</div>
		<div slot="footer">
			<el-button size="small" type="primary">确认修改</el-button>
		</div>
	</el-dialog>
</template>

<script>
	export default {
		props: {
			type: String
		},
		data() {
			return {
				dialogVisible: false
			}
		},
		methods: {
			init() {
				this.dialogVisible = true
			},
			close() {
				this.$emit('close')
			}
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.formbox {
		overflow: auto;
	}

	.formitem {
		margin-bottom: 60px;
	}
</style>
